.project-card-wrapper {
    float: left;
    // margin-right: 13px;
    margin-bottom: 8px;
    padding: 10px 5px;
    width: 25%;
    .operation{
        display: none;
        background: #ffffff;
        width: 28px;
        height: 28px;
        padding: 5px 7px;
        border-radius:100%;

    }
    .ivu-card-head {
        border-bottom: 0;
        padding:0;
    }
    .ivu-poptip-body {
        padding: 8px 0;
    }
    .disabled-status {
        position: absolute;
        top: 0;
        left: 0;
        width: 56px;
        height: 56px;
        border-width: 28px;
        border-style: solid;
        border-color: #dbdbdb transparent transparent #dbdbdb;
        span {
            color: #ffffff;
            position: absolute;
            top: -25px;
            left: -22px;
            width: 33px;
        }
    }
    .main {
      position: relative;
      width: 100%;
      height: 0;
      padding-top: 75%;
        text-align: center;
        .image {
          margin: auto;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
            width: 100%;
            height:100%;
        }
        .title {
            cursor: pointer;
            font-size: @font-size-large;
            margin: 15px 0;
        }
        .title-disabled {
            opacity:0.5;
            color:#212121;
        }

        .extra-title {
            padding: 10px 0 24px;
            border-bottom: 1px solid @border-color-split;
            color: #777777;
        }
    }
    .more-content {
        padding: 0px;
        position:relative;
        overflow: hidden;
        height: 50px;
        .ivu-tag-red {
            background-color: @warning-color !important;
        }
        .more-content-name {
            font-size:16px;
            color:#212121;
            letter-spacing:0;
            text-align:left;
            margin-bottom: 5px
        }
        .more-content-label {
            font-size:14px;
            color:#777777;
            text-align:left;
            margin-bottom: 5px
        }
        .more-content-user {
            font-size:12px;
            color:#777777;
            text-align:left;
        }
    }
    .content-disabled {
        opacity:0.5;
    }
}
.ivu-card-body{
    padding: 10px 0px 10px 16px;
}
.project-card-wrapper:hover {
    .ivu-card {
        background: #f7f7f7;
    }
    .operation {
        display: inline;
    }
}
